/* Clear fixing */
#huddle-app #header > div:after,
#huddle-app #footer > div:after,
#huddle-app #header > div ul:after {        
  content: ".";
  clear: both;
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
  }

/* Header and footer */
#huddle-app #header,
#huddle-app #footer { 
  position: relative;
  background: url(../imgs/bg/header-left.png) no-repeat; 
  cursor: move;
  }

#huddle-app #header > div,
#huddle-app #footer > div { 
  background: url(../imgs/bg/header-bg.png) repeat-x;
  margin: 0 18px 0 8px;
  height: 50px;
  }

#huddle-app #footer > div {
  margin-left: 9px;
  padding-left: 25px;
  background-image: url(../imgs/bg/footer-bg.png);
  }

#huddle-app #header > span,
#huddle-app #footer > span { 
  background: url(../imgs/bg/header-right.png) no-repeat;
  width: 18px;
  height: 52px;
  position: absolute;
  right: 0;
  top: 0;        
  }  

#huddle-app #footer {
  background-image: url(../imgs/bg/footer-left.png);
  cursor: default;
  }

#huddle-app #footer > div p {
  float: left;
  max-height: 32px;
  margin: 5px 85px 0px 0px;
  overflow: hidden;
  }

#huddle-app #footer > span { background-image: url(../imgs/bg/footer-right.png); }

#huddle-app #footer > span.resize-handle { 
  background: url("../imgs/grab.png") no-repeat;
  position: absolute;
  width: 13px;
  height: 13px;
  right: 12px;
  top: 27px;
  z-index: 5;
  cursor: move;
  }
  
/* content box */    
#huddle-app #huddle {
  background: url(../imgs/bg/content-left.png) repeat-y; /* content left edge */ 
  }
  
#huddle-app #huddle > div {
  background: url(../imgs/bg/content-right.png) repeat-y right; /* content right edge */ 
  }     
     
#huddle-app #huddle > div > div {        
  background: #eee url(../imgs/bg/content-bg.png) repeat-x; /* content middle grad */ 
  margin: 0 120px 0 2px;
  height: 198px;
  padding: 20px 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
  }
  
#huddle-app #debug {
	position: absolute;
	top: 50px;
	right: 12px;
	width: 108px;
	background-color: #fff;
	height: 100%;
	}

#huddle-app #header > div h1 {
  cursor: pointer;
  width: 40px;
  height: 38px;
  margin: 6px 0;
  background: url(../imgs/toplogo.png) no-repeat;        
  float: left;
  }
  
#huddle-app #header > div h1 img {
  position: relative;
  margin: -7px 0px 0px -6px;
  width: 16px;
  }
  
#huddle-app #footer > div h1 {
  width: 78px;
  height: 31px;
  margin: 0;
  background: url(../imgs/logo.png) no-repeat;        
  cursor: pointer;
  position: absolute;
  right: 22px;
  top: 10px;
  }        
  
#huddle-app #header > div h1 a,
#huddle-app #footer > div h1 a {
  text-indent: -9999px;
  display: block;
  height: 100%;
  }    

#huddle-app #header > div ul {
  margin: 5px 0;
  padding: 0;
  list-style-type: none;
  float: right;
  }
  
#huddle-app #header > div ul li {        
  float: left;
  width: 36px;
  height: 40px;
  cursor: pointer;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 0;
  }
  
#huddle-app #header > div ul li.min { background-image: url(../imgs/minimise.png); }
#huddle-app #header > div ul li.close { background-image: url(../imgs/close.png); }

#huddle-app #header > div > span {
  float: left;
  margin: 12px 0px 0px 5px;
  }
  
#huddle-app #header > div > span select {
  position: relative;
  width: 228px;
  }